<template>
  <div class="anhuiMap">
		<div class="mapDialog">
			<div class="header">
				豪州市
			</div>
			<div class="content">
				<div class="info">
					<span class="infoText">涉案总金额</span>
					<span class="infoNum">11111111</span>
					<span class="infoUnit">千元</span>
				</div>
			</div>
		</div>
	</div>
</template>
    
<script>
export default {
  data() {
    return {};
  },
  components: {},
  created() {},
  methods: {},
  mounted() {},
};
</script>
    
<style lang="scss" scoped>
.mapDialog{
	background: url(../../assets/img/bg.png) no-repeat;
	width: 275px;
	height: 200px;
	.header{
		padding: 14px 0;
		text-align: center;
		font-size: 16px;
		color: #FFFFFF;
		margin-left: 6px;
	}
	.content{
		// padding: 16px;
		width: 100%;
		.info{
			margin-left: 22px;
			margin-right: 15px;
			height: 36px;
			line-height: 36px;
			background: rgba(41, 138, 255, 0.15);
			.infoText{
				padding-left: 12px;
			}
			.infoText,.infoUnit{
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
			}
			.infoNum{
				display: inline-block;
				font-size: 21px;
				font-weight: bold;
				color: #34EFFE;
				padding: 0 5px;
			}
		}
	}
}
</style>
    